<template>
	<view>
		<view class="head-fixed">
			<view class="status-bar" :style="{'height': isios ? '90rpx' : '50rpx'}"></view>
			<!--  -->
			<view class="deatail-head">
				<view class="detail-head-left">
					<uni-icons type="arrowleft" size="22" color="#fff" @click="backPage" />
				</view>
				<text>
					工程详情
				</text>
				<!-- // <uni-icons type="search" color="#fff" size="20" @click="toSearch"></uni-icons> -->
				<u-icon name="search" color="#fff" size="28" @click="toSearch"></u-icon>
				<!-- <view class="share" @click="ToShare">
					<image src="/static/img/Details/share.png" class="share-img"></image>
				</view> -->
			</view>
		</view>
		<view class="detatil-content" :style="{'padding-top': isios ? '210rpx' : '160rpx'}">
			<!-- 新加view -->
			<view class="detail-top">
				<view class="detail-title" @longtap="copyText(detailData.title)">{{detailData.title}}</view>
				<view class="detail-type" :class="{'detail-typeFixed':isFixed}" :style="{'top':headHight +'px'}">
					<view class="detail-type-list">
						<image src="/static/img/Details/shejizhaobiao.png"></image>
						<text>{{detailData.jieduanStr}}</text>
					</view>
					<view class="detail-type-list" @click="maodian('.shenpijieduan',genjincount)">
						<view :class="genjincount >0 ?'orangeTxt' :''">{{genjincount}}</view>
						<text>项目跟进</text>
						<!-- <text class="gcxx-tag" :style="genjincount>0?'':'display:none'">{{genjincount}}</text> -->
					</view>
					<view class="detail-type-list" @click="maodian('.zhaocaixinxi',zhaocaicount)">
						<!-- <image src="/static/img/Details/gcxx_08.png"></image> -->
						<view :class="zhaocaicount >0 ?'orangeTxt' :''">{{zhaocaicount}}</view>
						<text>招标进展</text>
						<!-- <text class="gcxx-tag" :style="zhaocaicount>0?'':'display:none'">{{zhaocaicount}}</text> -->
					</view>
					<view class="detail-type-list" @click="maodian('.xmlxr',lianxirencount)">
						<!-- <image src="/static/img/Details/gcxx_03.png"></image> -->
						<view :class="lianxirencount >0 ?'orangeTxt' :''">{{lianxirencount}}</view>
						<text>项目联系人</text>
						<!-- <text class="gcxx-tag" :style="lianxirencount>0?'':'display:none'">{{lianxirencount}}</text> -->
					</view>
				</view>
			</view>
			
			<view class="company-detail">
				<view class="jibenxinxi">
					<view class="company-section"> 基本信息</view>
					<view class="company-cell" v-if="detailFullData.yezhu!=''&&detailFullData.yezhu!='0' && !baseConfig.isIOSshenhe" >
						<view class="company-tag">业主</view>
						<view class="company-text" @click.capture="toQiqing">
							<view class="company-name text-ellipsis"  v-if="detailFullData.yezhu.includes('**')">
								<text style="filter: blur(5px);">{{detailFullData.yezhu.substring(0,12)}}</text>{{detailFullData.yezhu.slice(-2)}}
							</view>
							<view class="company-name text-ellipsis"  v-else>{{detailFullData.yezhu}}</view>
							
							<!-- 现有需求，样式先做出来，5.2版本再放开 -->
							<view class="tag-box" >
								<u-tag text="查看联系人" bgColor="#eaf2ff" color="#2F7FFF" borderColor="#eaf2ff" size="mini" ></u-tag>
								<u-tag text="业主分析" plain color="#969B9F" borderColor="#E9E9EB" size="mini" > </u-tag>
							</view>
							<!-- 原样式 -->
							<!-- <view class="company-wz">关注后,可查看相关信息</view> -->
						</view>
						<view class="company-gz" @click="guanzhu(detailFullData.yezhu,2)" v-if="!isguanzhuyz">
							关注
						</view>
						<view class="company-gz yiguanzhu" @click="guanzhu(detailFullData.yezhu,2)" v-else>
							已关注
						</view>
					</view>
					<view class="company-jbxx">
						<view class="jbxx-cell">
							<view class="jbxx-cell-title">工程类别</view>
							<view class="jbxx-cell-content">
								<text class="jbxx-gclb-title" :class="{'titleOpen': open.gongcheng}">{{isempty(detailData.xggc)?'--':detailData.xggc}}</text>
								<text class="blueColor" :style="isempty(detailData.xggc)?'display:none':''" :class="{'zhankai':open.gongcheng}"
								 @click="zhankai(1)">展开</text>
								<text class="blueColor" :style="isempty(detailData.xggc)?'display:none':''" :class="{'shouqi': !open.gongcheng}"
								 @click="zhankai(1)">收起</text>
							</view>
						</view>
						<view class="jbxx-cell">
							<view class="jbxx-cell-title">项目阶段</view>
							<view class="jbxx-cell-content jbxx-cell-content2">
								<text class="blueColor">{{isempty(detailData.jieduanStr)?'--':detailData.jieduanStr}}</text>
								<text :style="isempty(detailData.time)?'display:none':''">（阶段更新于：{{detailData.time}}）</text>
							</view>
						</view>
						<view class="jbxx-cell">
							<view class="jbxx-cell-title">工程地区</view>
							<view class="jbxx-cell-content">
								<text class="blueColor">{{detailData.diqucity}}-{{detailData.diqu}}</text>
							</view>
						</view>
						<view class="jbxx-cell">
							<view class="jbxx-cell-title">业主类型</view>
							<view class="jbxx-cell-content">
								<text>{{isempty(detailData.yezhutype)?'--':detailData.yezhutype}}</text>
							</view>
						</view>
						<view class="jbxx-cell">
							<view class="jbxx-cell-title">建筑性质</view>
							<view class="jbxx-cell-content">
								<text>{{isempty(detailData.xingzhi)?'--':detailData.xingzhi}}</text>
							</view>
						</view>
						<view class="jbxx-cell">
							<view class="jbxx-cell-title">工程估价</view>
							<view class="jbxx-cell-content">
								<text>{{isempty(detailData.jine)?'--':detailData.jine}}</text>
							</view>
						</view>
						<view class="jbxx-cell">
							<view class="jbxx-cell-title">占地面积（长度）</view>
							<view class="jbxx-cell-content">
								<text>{{isempty(detailData.zdmianji)?'--':detailData.zdmianji}}</text>
							</view>
						</view>
						<view class="jbxx-cell">
							<view class="jbxx-cell-title">建筑面积</view>
							<view class="jbxx-cell-content">
								<text>{{isempty(detailData.jzmianji)?'--':detailData.jzmianji}}</text>
							</view>
						</view>
						<view class="jbxx-cell">
							<view class="jbxx-cell-title">建设周期(规划)</view>
							<view class="jbxx-cell-content">
								<text>{{isempty(detailData.stime)?'--':detailData.stime}}至{{isempty(detailData.etime)?'--':detailData.etime}}</text>
							</view>
						</view>
						<view class="jbxx-cell">
							<view class="jbxx-cell-title">建筑结构</view>
							<view class="jbxx-cell-content">
								<text class="jbxx-gclb-title" :class="{'titleOpen': open.jiegou}">{{isempty(kuozhan[0].textval)?'--':kuozhan[0].textval}}</text>
								<text :style="isempty(kuozhan[0].textval)?'display:none':''" class="blueColor" :class="{'zhankai':open.jiegou}"
								 @click="zhankai(2)">展开</text>
								<text :style="isempty(kuozhan[0].textval)?'display:none':''" class="blueColor" :class="{'shouqi': !open.jiegou}"
								 @click="zhankai(2)">收起</text>
					
							</view>
						</view>
						<view class="jbxx-cell">
							<view class="jbxx-cell-title">可能用到的设备材料</view>
							<view class="jbxx-cell-content">
								<text class="jbxx-gclb-title" :class="{'titleOpen': open.cailiao}">{{isempty(detailData.xgsb)?'--':'该项目可能'+detailData.xgsb}}</text>
								<text :style="isempty(detailData.xgsb)?'display:none':''" class="blueColor" :class="{'zhankai':open.cailiao}"
								 @click="zhankai(3)">展开</text>
								<text :style="isempty(detailData.xgsb)?'display:none':''" class="blueColor" :class="{'shouqi':!open.cailiao}"
								 @click="zhankai(3)">收起</text>
					
							</view>
						</view>
					</view>
				</view>
				
				<view class="company-bottom">
					<view class="company-section" v-if="!baseConfig.isIOSshenhe "> <text class="title-line"></text> 项目描述</view>
					<!-- 没有权限 -->
					<view class="quanxianTips" v-if="!isLogin">
						<view>您还没有登录，请点击下方登录，在查看项目详情</view>
						<view class="tipLogin" @click="doLogin">请登录></view>
					</view>
					<view class="quanxianTips" v-if="isLogin&&!isAllowed &&!baseConfig.isIOSshenhe ">
						<view>您还没有查看权限</view>
						<view class="tipLogin" @click="kaitong()" >请开通></view>
					</view>
					<view class="zhengwen" v-if="isAllowed">
						<view v-bind:class="[showMoreBtn?'':'zhengwen-text-more', 'zhengwen-text']">
							<view style="user-select:text;-webkit-user-select:text;" class="v_html" v-html="heighthtml(detailData.content)"></view>
						</view>
						<!-- <view class="zhengwen-more" v-if="detailData.content.length>200&&moreContent"> -->
						<view class="zhengwen-more" v-if="moreContent">
							<view class="zhengwen_mask"></view>
							<view class="more-btn" @click="ShowMore(1)">
								<image src="/static/img/Details/detail_15.png" mode=""></image> 查看剩余内容
							</view>
						</view>
						
					</view> 
					<view class="shenpijieduan" v-if="genjincount > 0&&!baseConfig.isIOSshenhe " >
						<view class="company-section"><text class="title-line"></text> 项目进展及采购情况</view>
						<view class="spjd-content">
							<view class="spjd-title">跟进记录（<text class="blueColor">{{genjincount}}</text>）</view>
							<view class="zhengwen" :class="{'zhengwenMore':moreOpenGenjin}" style="user-select:text;-webkit-user-select:text;">
								<view class="spjd-xinxi " v-for="(spjd,index) in genjin" :key="index">
									<view class="spjd-step">
										<text class="step-tag" ></text>
									</view>
									<view class="spjd-item">
										<view class="spjd-item-time">{{spjd.jieduan}}</view>
										<view v-if="!isLogin" class="spjd-item-text">由采招网专业团队跟进深化的项目消息，帮助您更好的追踪项目。 您还未
											<view style='color: #007AFF; display: inline;' @click="doLogin">登录>></view>，不能查看采招网跟进消息。</view>
										<view v-else-if="isLogin&&!isAllowed&&detailData.type==12" class="spjd-item-text">
											由采招网专业团队跟进深化的项目消息，帮助您更好的追踪项目。<view style='color: #007AFF; display: inline;' @click="kaitong">VIP</view>以上级别可查看采招网跟进消息，立即<view
											 style='color: #007AFF; display: inline;' @click="kaitong">升级会员</view>

										</view>
										<view v-else-if="isLogin&&!isAllowed&&detailData.type!=12" class="spjd-item-text">由采招网专业团队跟进深化的项目消息，帮助您更好的追踪项目。<view
											 style='color: #007AFF; display: inline;' @click="kaitong">高级</view>以上级别可查看采招网跟进消息，立即<view style='color: #007AFF; display: inline;'
											 @click="kaitong">升级会员</view>
										</view>
										<view v-else class="spjd-item-text spjd-item-text_show">{{spjd.jilu}}
										</view>
									</view>
								</view>
								<view class="zhengwen-more" v-if="genjincount>2 &&moreGenjin">
									<view class="zhengwen_mask"></view>
									<view class="more-btn" @click="ShowMore(2)">
										<image src="/static/img/Details/detail_15.png" mode=""></image> 查看剩余内容
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="zhaocaixinxi" v-if="zhaocaicount > 0">
						<view class="company-section"><text class="title-line"></text> 招标进展</view>
						<view class="spjd-content">
							<view class="zhengwen"  style="user-select:text;-webkit-user-select:text;">
									<view class="spjd-xinxi zbjz"  v-for="(zclist,index) in newZhaocaiList" :key="index" @click="toDetail(zclist)">
										<view class="spjd-step">
											<text class="step-tag" :class="index==0 ? 'active' :''"></text>
											<view class="step-line"></view>
										</view>
										<view class="spjd-item">
											<view class="spjd-item-time zbjz-time">
												{{$u.timeFormat(new Date(zclist.time), 'yyyy-mm-dd')}}
												<view class="tag" :class="newsTypeBgMap[zclist.type+''] ? newsTypeBgMap[zclist.type+''] : 'redTag'">{{zclist.typeStr}}</view>
											</view>
											<view class="spjd-item-text">
												<view class="title">{{zclist.title}}</view>
											</view>
										</view>
									</view>
								
								<view class="zhankaiquanbu" v-if="zhaocaicount > 2 && moreOpenZhaocai"  @click="zhaobiaojinzhanClick('zhankai')">
									展开全部<image src="@/static/arrows.png"></image>
								</view>
								<view class="zhedieshouqi" v-if="zhaocaicount > 2 && !moreOpenZhaocai" @click="zhaobiaojinzhanClick('shouqi')">
									折叠收起<image src="@/static/arrows.png" style="transform: rotate(180deg)"></image>
								</view>
								<!-- 原有样式 -->
								<!-- <view class="zhengwen-more" v-if="zhaocaicount > 2&&moreZhaocai">
									<view class="zhengwen_mask"></view>
									<view class="more-btn" @click="ShowMore(3)">
										<image src="/static/img/Details/detail_15.png" mode=""></image> 查看剩余内容
									</view>
								</view> -->
							</view>
						</view>
					</view>
					<view class="xmlxr" v-if="lianxirencount > 0">
					<view class="company-section"> <text class="title-line"></text> 项目联系人</view>
					<view class="spjd-title">甲方（<text class="blueColor">{{lianxirencount}}</text>）</view>
					<view class="lxr-list zhengwen" :class="{'zhengwenMore':moreOpenLianxiren}" style="user-select:text;-webkit-user-select:text;">
						<view class="lxr-list-item" v-for="(lxr,index) in lianxiren" :key="index">
							<view class="lxr-item-left" style="font-size:34rpx ;">{{sub(lxr.name)}}</view>
							<view class="lxr-item-right">
								<view class="lxr-item-text text-ellipsis">单位：<text style="font-size: 30rpx;">{{lxr.yezhu}}</text></view>
								<view class="lxr-item-text">姓名：{{lxr.name}} {{lxr.zhiwu}}</view>
								<view class="lxr-item-text d-f-b" v-if="lxr.mobile!='' && isAllowed">
									手机：{{lxr.mobile}}
									<image src="@/static/img/Details/tel.png" mode="widthFix" @click="makePhone(lxr.mobile)" ></image>
								</view>
								<view class="lxr-item-text d-f-b" v-if="lxr.mobile!='' && !isAllowed" @click="kaitong">
									手机：{{lxr.mobile}}
								</view>
								<view class="lxr-item-text d-f-b" v-if="lxr.tel!='' && isAllowed">
									电话：{{lxr.tel}} 
									<image src="@/static/img/Details/tel.png" mode="widthFix" @click="makePhone(lxr.tel)" v-if="isAllowed"></image>
								</view>
								<view class="lxr-item-text d-f-b" v-if="lxr.tel!='' && !isAllowed" @click="kaitong">
									电话：{{lxr.tel}}
								</view>
								<view class="lxr-item-text" v-if="lxr.address!=''">地址：{{lxr.address}} </view>
								<view class="lxr-item-text">备注：{{lxr.miaoshu}}</view>
							</view>
						</view>
						<view class="zhengwen-more" v-if="lianxirencount > 1&&moreLianxiren">
							<view class="zhengwen_mask"></view>
							<view class="more-btn" @click="ShowMore(4)">
								<image src="/static/img/Details/detail_15.png" mode=""></image> 查看剩余内容
							</view>
						</view>
					</view>
				</view>
				</view>
			</view>
			
			<!-- 现有footer -->
			<view class="footer-box" :style="{paddingBottom: bottomHight ==34 ? bottomHight+'px' :'24rpx'}">
				<view class="footer-item"  @click="jiucuoClick()">
					<image src="@/static/baocuo.png" mode="widthFix"></image>
					<view>
						报错
					</view>
				</view>
				<view class="footer-item" @click="fenxiangClick()">
					<image src="@/static/fenxiang.png" mode="widthFix"></image>
					<view >
						分享
					</view>
				</view>
				<view class="footer-item" @click="keep()">
					<image src="@/static/shoucang.png" mode="widthFix" v-if="!isKeep"></image>
					<image src="@/static/shoucang_on.png" mode="widthFix"  v-else ></image>
					<view>
						收藏
					</view>
				</view>
			</view>
			
			<!-- 原有footer -->
			<!-- <view class="footer">
				<view class="footer-input">
					<input placeholder="搜索装修" confirm-type="search" />
				</view>
				<view class="footer-right">
					<view class="footer-icon footer-tel" v-if="isTel" @click="kefuTel(kefutel)">
						<image src="/static/img/shouji.png"></image>
					</view>
					<view class="footer-icon" >
						<view :class="[isKeep?'footer-collaged':'footer-collage']" @tap="keep()"  v-model="isshoucang">
						</view>
					</view>
					<view class="footer-icon footer-index">
						<image src="/static/img/Details/detail_27.png" @tap="home"></image>
					</view>
				</view>
			</view> -->
		</view>
		<!-- 发送至邮箱 -->
		<uni-popup ref="showimage" :type="type" :mask-click="true">
			<view class="youxiang-pop">
				<view class="youxiang-pop_content">
					<image src="/static/img/Details/youxiang.png" class="youxiang_img"></image>
					<view class="youxiang_text1">还差一步</view>
					<view class="youxiang_text2">输入邮箱即可继续发送</view>
					<view class="youxiang_input">
						<input type="text" v-model="Email" placeholder="请填写您的邮箱" placeholder-style="color:#bebec1;" />
					</view>
					<view class="youxiang-btn" @click="fasong">确认并导出</view>
					<view class="youxiang-tips">
						<view style="color: #f8080e;">温馨提示：</view>
						<view>输入邮箱后，如果长时间没有收到邮件请检查您的垃圾箱或重新发送</view>
					</view>
				</view>
				<view class="huiyuan_close" @click="cancel('image')">
					<image src="/static/img/Details/huiyuan_close.png"></image>
				</view>
			</view>
		</uni-popup>
		<!-- 升级会员 -->
		<uni-popup ref="showshengji" :type="type" :mask-click="true">
			<view class="level-huiyuan" style="">
				<view class="level-content">
					<view class="level-top">
						<image src="/static/img/gaojihuiyuan.jpg" class="level-logo"></image>
					</view>
					<view class="level-text">您目前是标准会员，是否升级？</view>
					<view class="level-text2">现在升级<text style="color: #ff4100;">高级会员</text>只需</view>
					<view class="level-jine">¥ {{detailData.sjjine}}</view>
					<view class="level-shengji" @click="topay('pcgaoji',true)">立即升级</view>
					<view class="level-shengji level-shengji-other" @click="topay('pcgaoji')">升级为其他会员</view>
					<view class="level-tel">服务咨询电话：<span @click="kefuTel('4008109688')">4008109688</span></view>
				</view>
				<view class="huiyuan_close">
					<image src="/static/img/Details/huiyuan_close.png" class="close-img" @click="cancel('shengji')"></image>
				</view>
			</view>
		</uni-popup>
		<!-- 升级成功 -->
		<view class="level-huiyuan" style="display: none;">
			<view class="level-content">
				<view class="level-top">
					<image src="/static/img/gaojihuiyuan.jpg" class="level-logo"></image>
				</view>
				<view class="level-jine">恭喜您升级成功</view>
				<view class="level-text2">您现在已经是高级会员了！</view>
				<view class="level-shengji level-tequan">查看更多相关特权</view>
				<view class="level-tel">服务咨询电话：<span @click="kefuTel('4008109688')">4008109688</span></view>
			</view>
			<view class="huiyuan_close">
				<image src="/static/img/Details/huiyuan_close.png" class="close-img"></image>
			</view>
		</view>
		<!-- VIP-->
		<uni-popup ref="showvip" :type="type" :mask-click="true">
			<view class="level-huiyuan" style="">
				<view class="level-content">
					<view class="level-jine">仅vip会员有权限查看此条信息</view>
					<view class="level-text2">开通vip会员还可免费查看vip独家信息！</view>
					<view class="level-tel">服务咨询电话：<span @click="kefuTel('4008109688')">4008109688</span></view>
				</view>
				<view class="huiyuan_close">
					<image src="/static/img/Details/huiyuan_close.png" class="close-img" @click="cancel('vip')"></image>
				</view>
			</view>
		</uni-popup>
		<!-- 非地区会员 -->
		<uni-popup ref="shownotthisdiqu" :type="type" :mask-click="true">
			<view class="level-huiyuan">
				<view class="level-content">
					<view class="level-jine">您目前会员地区为：<text>{{detailData.LimitDiqu}}</text></view>
					<view class="level-text2">该信息属地区：<text style="color: #f65441;">{{detailData.diqu}}</text></view>
					<view class="level-text2">您还未开通因此暂无查看权限</view>
					<view class="level-shengji level-tequan" @click="topay('pcbiaozhun')">点击进入会员服务</view>
					<view class="level-tel">今日会员限时送，地区更多商机更多！</view>
				</view>

				<view class="huiyuan_close" @click="cancel('notthisdiqu')">
					<image src="/static/img/Details/huiyuan_close.png" class="close-img"></image>
				</view>
			</view>
		</uni-popup>
		<!-- 高级会员 -->
		<uni-popup ref="showkaitonggaoji" :type="type" :mask-click="true">
			<view class="level-gaoji" style="">
				<view class="level-gaoji-content">
					<view class="level-gaoji-top">
						<image src="/static/img/Details/gaojihuiyuan_03.png" class="gaoji-img"></image>
					</view>
					<view class="level-gaoji-youshi">
						<view class="hytq_list">
							<image src="/static/img/Details/duihao.png" class="list-ok"></image> <text class="hytq_list-title">全国10万条招标信息同步更</text>
						</view>
						<view class="hytq_list">
							<image src="/static/img/Details/duihao.png" class="list-ok"></image> <text class="hytq_list-title">项目订阅，及时推送不漏标</text>
						</view>
						<view class="hytq_list">
							<image src="/static/img/Details/duihao.png" class="list-ok"></image> <text class="hytq_list-title">所有行业招标信息细分展示</text>
						</view>
						<view class="hytq_list">
							<image src="/static/img/Details/duihao.png" class="list-ok"></image> <text class="hytq_list-title">轻松联系全国各项目负责人</text>
						</view>
						<view class="hytq_list">
							<image src="/static/img/Details/duihao.png" class="list-ok"></image> <text class="hytq_list-title">独家项目优先为您匹配来源</text>
						</view>
						<view class="hytq_list">
							<image src="/static/img/Details/duihao.png" class="list-ok"></image> <text class="hytq_list-title">为您智能筛选项目精准送达</text>
						</view>
					</view>
					<view class="huiyuan-pop2_bottom">
						<view class="bottom_tips">98%选择开通用户的会员，共签单20万次</view>
						<view class="bottom_btn" @click="topay('pcgaoji')">最低只需299元，立即解锁</view>
					</view>
				</view>
				<view class="huiyuan_close">
					<image src="/static/img/Details/huiyuan_close.png" class="close-img" @click="cancel('kaitonggaoji')"></image>
				</view>
			</view>
		</uni-popup>
		
		<!-- 纠错弹窗 -->
		<popupJiucuo v-model:showJiucuo="showJiucuo" :ids="detailData.newsid" :type="detailData.type"/>
		
		<!-- 右侧客服 -->
		<sideKefu v-model:is-scroll="isScroll"/>
		
		<!-- 分享 -->
		<popupShare v-model:showShare="showShare" :title="detailData.title" :ids="detailData.id" :type="detailData.type" :from="from"/>
	</view>
</template>
<script>
	//import json from '@/json';
	import uniPopup from '@/components/uni-popup/uni-popup.vue'
	import uniNavBar from '@/components/uni-nav-bar/uni-nav-bar.vue'
	import uniIcons from '@/components/uni-icons/uni-icons.vue'
	import sideKefu from '@/components/side-kefu/side-kefu.vue'
	import popupJiucuo from '@/components/popup-jiucuo/popup-jiucuo.vue'
	import popupShare from '@/components/popup-share/popup-share.vue'
	// import appShare, {
	// 	closeShare
	// } from '@/common/static/share.js'
	import commonjs from '@/common/script/common.js';
	export default {
		components: {
			uniPopup,
			uniNavBar,
			uniIcons,
			sideKefu,
			popupJiucuo,
			popupShare
		},
		data() {
			return {
				type: '',
				detailData: {},
				detailFullData: {
					yezhu: "******************",
					daili: "******************"
				},
				showMoreBtn: false,
				isKeep: false, //收藏
				isdiquhuiyuan: false, //是否地区会员
				isbiaozhunhuiyuan: false, //是否标准会员
				LimitDiqu: '', //会员所属地区
				isBindFullData: false,
				Email: '', //发送邮箱
				zhaocai: [],
				lianxiren: [],
				genjin: [],
				zhaocaicount: 0,
				lianxirencount: 0,
				genjincount: 0,
				open: {
					gongcheng: false,
					jiegou: false,
					cailiao: false
				},
				isFixed: false,
				offsetTop: 0,
				isshoucang: false,
				moreOpen: false,
				moreOpenGenjin: false,
				moreOpenZhaocai: true,
				moreOpenLianxiren: false,
				isLogin: false,
				isAllowed: false,
				kefutel: this.serverTelHost,
				isTel: true,
				// isshengji: false,
				ly: '',
				moreContent: true,
				moreGenjin: true,
				moreZhaocai: true,
				moreLianxiren: true,
				isguanzhuyz: false,
				id: 0,
				kuozhan: [{
					textval: '暂未确定'
				}],
				searchkeyword: '',
				color: "#FD463E",
				weight: false,
				
				newZhaocaiList:[],
				
				//纠错相关
				showJiucuo:false,
				
				//页面是否滑动，用于客服显隐
				isScroll:true,
				timer: null,
				bottomHight:0,
				
				isios:false,
				headHight:0,
				showShare:false,//分享
				from:'gongcheng',
				
				//跳转企情需要的参数
				yzquickjiami:'',
				yzcomcode:'',
				yzvcode:'',
			}
		},
		onLoad(options) {
			this.checkLogin();
			if (uni.getSystemInfoSync().platform == 'ios') {
				this.isios = true;
			}
			if (options.keyword != undefined && options.keyword != '') {
				this.searchkeyword = decodeURIComponent(decodeURIComponent(options.keyword));
				// console.log(this.searchkeyword)
			}
			if (options.ly != '' && options.ly != undefined && options.data != undefined) {
				this.ly = options.ly;
				// console.log("data: " + options.data);
				this.detailData = JSON.parse(decodeURIComponent(decodeURIComponent(options.data)));
				console.log('detail',this.detailData )
				//this.getDetail();
			} else {
				uni.showToast({
					title: '获取id失败',
					icon: "none"
				});
			}
			
		},
		onShow() {
			this.checkLogin();
			this.isLogin = this.currUser.islogin;
			//console.log(this.detailData)
			if (this.ly != '' && this.ly != undefined && this.detailData != undefined && this.detailData) {
				this.getDetail();
			}
		},
		mounted() {
			const query = uni.createSelectorQuery().in(this);
			query.select('.detail-type').boundingClientRect(data => {
				this.myScroll = data.top
			}).exec();
			      
		  uni.createSelectorQuery().in(this).select('.head-fixed').boundingClientRect(data => {
			if (data) {
				this.headHight=data.height
			  // data.height 就是你想要的高度
			  //console.log('元素的高度:',this.headHight,this.headHight*2+'rpx');
			}
		  }).exec();
		
		},
		onUnload() {
			uni.hideNavigationBarLoading(); //关闭加载动画
			if (this.timer) {
			  clearTimeout(this.timer);
			}
		},
		onReady() {
			let app = uni.getSystemInfoSync()
			this.bottomHight = app.safeAreaInsets.bottom //屏幕底部安全距离
			// console.log('屏幕底部安全距离', this.bottomHight) //34
		},
		onPageScroll(e) {
			if (e.scrollTop > this.myScroll) {
				this.isFixed = true;
			} else {
				this.isFixed = false;
			}
			
			// 清除之前的定时器
			if (this.timer) {
			  clearTimeout(this.timer);
			}
			// 设置滑动标志
			this.isScroll = true
			// 重新设置定时器
			this.timer = setTimeout(() => {
			  // 三秒后没有新的滑动事件，重置滑动标志
			  this.isScroll = false;
			  // console.log('三秒内没有滑动',this.isScroll);
			}, 3000);
			// console.log('页面正在滑动',this.isScroll);
		},
		computed:{
			newsTypeBgMap: function() {
				const obj = {}
				const ininData = this.newZhaocaiList
				ininData.map(item => {
					/**
					 * 审批公示 17 orange1Tag
					 */
					if (item.type === '4') {
						obj[item.type] = 'redTag'
					} else if (item.type === '17') {
						obj[item.type] = 'orange1Tag'
					} else if (item.type === '13') {
						// 拟在建项目
						obj[item.type] = 'blue2Tag'
					} else if (item.type === '12') {
						// vip独家
						obj[item.type] = 'orange2Tag'
					} else if (item.type === '2') {
						// 招标预告
						obj[item.type] = 'purpleTag';
					} else if (item.type === '6') {
						// 招标变更
						obj[item.type] = 'pinkTag';
					} else if (item.type === '3') {
						// 拟建项目
						obj[item.type] = 'blue2Tag';
					} else if (item.type === '10') {
						// 项目审批
						obj[item.type] = 'orangeTag';
					} else {
						// 招标类型 参考信息90
						obj[item.type] = 'blueTag'
					}
				})
				return obj
			},
		},
		methods: {
			//返回上一页
			backPage() {
				uni.navigateBack({
					delta: 1
				})
			},
			getDetail() {
				uni.showNavigationBarLoading();
				if (this.detailData.id > 0) {
					let data = this.initNewData();
					data.from = 4038;
					data.location = 5106;
					data.id = this.detailData.id;
					data.backvcode=	1;//默认0 不返回 1 返回加密code
					this.id = this.detailData.id;
					if (this.ly == 'search'||this.ly == 'guanzhu') {
						//判断来源data不为空
						if(this.detailData.newslaiyuan&&this.detailData.newslaiyuan!=undefined){
						     data.id = this.detailData.newslaiyuan;
						     this.id = this.detailData.newslaiyuan;
						}
						// data.id = this.detailData.newslaiyuan;
						// this.id = this.detailData.newslaiyuan;
					}
					//console.log("data: " + JSON.stringify(data));
					uni.request({
						url: this.baseConfig.serverURL + 'xiangmu/detail.ashx', //检查更新的服务器地址
						data: data,
						method: "POST",
						header: {
							"content-type": "application/x-www-form-urlencoded" //"application/json"
						},
						success: (res) => {
							// console.log(res)
							uni.hideToast();
							// console.log("res.data: " + JSON.stringify(res.data));
							if (res.statusCode == 200) {
								if (!res.data.ret) {
									uni.showToast({
										title: res.data.msg,
										icon: "none"
									});
								} else {
									//console.log("this.detailFullData.content: " + JSON.stringify(this.detailFullData.content));
									this.detailData = res.data.other2;
									// if (this.detailData.isAllowed)
									// 	this.showMoreBtn = false;
									if (res.data.other2.zhaocai != undefined && res.data.other2.zhaocai) {
										this.zhaocai = res.data.other2.zhaocai;
										this.zhaocaicount = this.zhaocai.length;
										//超过两个折叠
										this.newZhaocaiList= res.data.other2.zhaocai.length>2 ? res.data.other2.zhaocai.slice(0,2) : res.data.other2.zhaocai
									}
									if (res.data.other2.lianxiren != undefined && res.data.other2.lianxiren) {
										this.lianxiren = res.data.other2.lianxiren;
										this.lianxirencount = this.lianxiren.length;
									}
									if (res.data.other2.genjin != undefined && res.data.other2.genjin) {
										this.genjin = res.data.other2.genjin;
										this.genjincount = this.genjin.length;
										if (this.genjincount > 2) {
											this.moreOpenGenjin = true;
										}
									}
									this.isKeep = this.detailData.isshoucang;
									this.detailFullData.yezhu = this.detailData.yezhu;
									this.isAllowed = this.detailData.isAllowed;
									this.isLogin = this.detailData.isLogin;
									this.kefutel = res.data.other2.kefutel
									if (this.kefutel == '') {
										this.isTel = false;
									}
									this.isguanzhuyz = this.detailData.isguanzhuyz;
									if (res.data.other2.kuozhan != undefined && res.data.other2.kuozhan.length > 0) {
										this.kuozhan = res.data.other2.kuozhan;
										console.log(this.kuozhan);
									}
									if (this.isLogin) {
										this.kaitong();
									}
									this.yzquickjiami=res.data.other2.yzquickjiami
									this.yzcomcode=res.data.other2.yzcomcode
									this.yzvcode=res.data.other2.yzvcode
									
									// if (this.detailData.type == 12) {
									// 	this.type = 'center'
									// 	this.$refs['showvip'].open()
									// } else if (!this.isAllowed && this.detailData.isdiquhuiyuan && !this.detailData.isthisdqhy) {
									// 	this.type = 'center'
									// 	this.$refs['shownotthisdiqu'].open()
									// } else if (!this.isAllowed && !this.detailData.isqgbzhy && !this.detailData.isdqbzhy) {
									// 	this.type = 'center'
									// 	this.$refs['showkaitonggaoji'].open()
									// } else if (!this.isAllowed && (this.detailData.isqgbzhy || this.detailData.isdqbzhy)) {
									// 	this.type = 'center'
									// 	this.$refs['showshengji'].open()
									// }
								}
							} else {
								uni.showToast({
									title: '获取信息失败！',
									icon: "none"
								});
							}
							this.isBindFullData = true;
							uni.hideNavigationBarLoading(); //关闭加载动画
						},
						fail: (res) => {
							uni.showToast({
								title: '获取信息失败,可能已超时！',
								icon: "none"
							});
							uni.hideNavigationBarLoading(); //关闭加载动画
						}
					})

				}

			},
			//收藏
			keep() {
				if (!this.isLogin) {
					uni.navigateTo({
						url: '../user/login/login1'
					})
					return false;
				} else if (this.detailData.newsid > 0) {
					let data = this.initNewData();
					data.from = 4038;
					data.location = 5106;
					data.id = this.detailData.newsid;
					uni.request({
						url: this.baseConfig.serverURL + 'user/shoucang/AddHandler.ashx', //检查更新的服务器地址
						data: data,
						method: "POST",
						header: {
							"content-type": "application/x-www-form-urlencoded" //"application/json"
						},
						success: (res) => {
							if (res.statusCode == 200) {
								if (!res.data.ret) {
									uni.showToast({
										title: res.data.msg,
										icon: "none"
									});
								} else {
									uni.showToast({
										title: res.data.msg,
										icon: "none"
									});
									if (res.data.retbs == 1)
										this.isKeep = true;
									else if (res.data.retbs == 2)
										this.isKeep = false;
								}
							} else {
								uni.showToast({
									title: '收藏失败！',
									icon: "none"
								});
							}
						},
						fail: (res) => {
							uni.showToast({
								title: '收藏失败！',
								icon: "none"
							});
						}
					})
				}
			},
			//底部返回首页
			home() {
				uni.switchTab({
					url: '../index/index'
				})
			},
			togglePopup(type, open) {
				this.type = type
				// this.$nextTick(() => {
				// 	this.$refs['show' + open].open()
				// })
				this.$refs['show' + open].open()
			},
			cancel(type) {
				this.$refs['show' + type].close()
			},
			fasong() {
				//异步请求数据
				let data = this.initNewData();
				data.from = 4038;
				data.location = 5106;
				data.nid = this.detailData.newsid;
				data.tomail = this.Email;
				uni.request({
					url: this.baseConfig.serverURL + 'User/Email/SendToEmail.ashx', //检查更新的服务器地址
					data: data,
					method: "POST",
					header: {
						"content-type": "application/x-www-form-urlencoded" //"application/json"
					},
					success: (res) => {
						//console.log(res);
						if (res.statusCode == 200) {
							if (!res.data.ret) {
								uni.showToast({
									title: res.data.msg,
									icon: "none"
								});
							} else {
								//获取成功，绑定
								uni.showToast({
									title: res.data.msg,
									icon: "none"
								});
								this.$refs.showimage.close()
							}
						} else {
							uni.showToast({
								title: '发送失败！',
								icon: "none"
							});
						}
					},
					fail: (res) => {
						uni.showToast({
							title: '发送失败！',
							icon: "none"
						});
					}
				})

			},
			ShowMore(type) {
				if (type == 1) {
					this.moreContent = false;
					this.showMoreBtn = true;
				} else if (type == 2) {
					this.moreGenjin = false;
					this.moreOpenGenjin = false;
				} else if (type == 3) {
					this.moreZhaocai = false;
					this.moreOpenZhaocai = false;
				} else if (type == 4) {
					this.moreLianxiren = false;
					this.moreOpenLianxiren = false;
				}
				//this.showMoreBtn = false;
				//onsole.log("点击显示更多了..." + this.showMoreBtn)
			},
			zhankai(type) {
				if (type == 1) {
					this.open.gongcheng = this.open.gongcheng ? false : true;
				} else if (type == 2) {
					this.open.jiegou = this.open.jiegou ? false : true;
				} else if (type == 3) {
					this.open.cailiao = this.open.cailiao ? false : true;
				} else if (type == 4) {
					this.open.gjjl = this.open.gjjl ? false : true;
				}
			},
			doLogin() {
				uni.navigateTo({
					url: '/pages/user/login/login1'
				})
			},
			kefuTel(tel) {
				uni.makePhoneCall({
					phoneNumber: tel
				});
			},
			kaitong() {
				if (!this.isLogin) {
					this.doLogin()
				} else {
					if (!this.isAllowed && this.detailData.type == 12 && !this.baseConfig.isIOSshenhe) {
						this.togglePopup('center', 'vip')
					} else if (!this.isAllowed && this.detailData.isdiquhuiyuan && !this.detailData.isthisdqhy && !this.baseConfig.isIOSshenhe) {
						this.togglePopup('center', 'notthisdiqu')
					} else if (!this.isAllowed && !this.detailData.isqgbzhy && !this.detailData.isdqbzhy && !this.baseConfig.isIOSshenhe) {
						this.togglePopup('center', 'kaitonggaoji')
					} else if (!this.isAllowed && (this.detailData.isqgbzhy || this.detailData.isdqbzhy && !this.baseConfig.isIOSshenhe)) {
						this.togglePopup('center', 'shengji')
					}
				}
			},
			topay(type, isshengji) {
				const diqu = this.detailData.diqucode && this.detailData.diqucode.slice(0,2) || ''
				if (isshengji) {
					// this.isshengji = true;
					uni.navigateTo({
						url: '/pages/user/huiyuan/payment?type=' + type + '&diqu=' + diqu + '&isshengji=1'
					})
				} else {
					uni.navigateTo({
						url: '/pages/user/huiyuan/payment?type=' + type + '&diqu=' +diqu
					})
				}
			},
			guanzhu(comname, type) {
				if (this.isAllowed) {
					if (comname != '' && comname != undefined) {
						let data = this.initNewData();
						data.from = 4038;
						data.location = 5106;
						data.comname = encodeURIComponent(comname);
						data.type = type;
						uni.request({
							url: this.baseConfig.serverURL + 'user/guanzhu/GuanzhuHandler.ashx', //检查更新的服务器地址
							data: data,
							method: "POST",
							header: {
								"content-type": "application/x-www-form-urlencoded" //"application/json"
							},
							success: (res) => {
								if (res.statusCode == 200) {
									if (!res.data.ret) {
										uni.showToast({
											title: res.data.msg,
											icon: "none"
										});
									} else {
										uni.showToast({
											title: res.data.msg,
											icon: "none"
										});
										if (res.data.retbs == 1) {
											this.isguanzhuyz = false;
										} else if (res.data.retbs == 2) {
											this.isguanzhuyz = true;
										}
									}
								} else {
									uni.showToast({
										title: '操作失败',
										icon: "none"
									});
								}
							},
							fail: (res) => {
								uni.showToast({
									title: '操作失败！',
									icon: "none"
								});
							}
						})
					}
				} else {
					this.kaitong();
				}
			},
			// ToShare() {
			// 	if (uni.getSystemInfoSync().platform == 'ios' && this.id > 0) {
			// 		let shareData = {
			// 			shareImg: 'https://img.bidcenter.com.cn/app/images/logo.png',
			// 			shareUrl: "https://interface.bidcenter.com.cn/web/share/xmshare.aspx?id=" + this.id,
			// 			shareTitle: this.detailData.title || "采招网--招标网|招标公告|工程招标采购信息",
			// 			shareContent: "中国采招网是招标网中致力于为企业提供招标、采购、拟在建项目信息及网上招标采购等服务的招标网;采招网是中国招标网站采购领域的最佳资讯和交易招标网站，为各级政府采购、招标代理机构、招标企业、供应商提供强大的专业招标采购信息查询和相关服务,中国第一招标网"
			// 		};
			// 		// 调用
			// 		let shareObj = appShare(shareData, res => {
			// 			closeShare();
			// 		});
			// 	} else {
			// 		let shareInfo = {
			// 			href: "https://m.bidcenter.com.cn/help/downloadapp.shtml",
			// 			title: this.detailData.title || "采招网-招标网|招标公告|工程招标采购信息",
			// 			desc: this.detailData.title ||
			// 				"中国采招网是招标网中致力于为企业提供招标、采购、拟在建项目信息及网上招标采购等服务的招标网;采招网是中国招标网站采购领域的最佳资讯和交易招标网站，为各级政府采购、招标代理机构、招标企业、供应商提供强大的专业招标采购信息查询和相关服务,中国第一招标网",
			// 			imgUrl: "https://img.bidcenter.com.cn/app/images/logo.png"
			// 		};
			// 		plus.share.sendWithSystem({
			// 			type: "text",
			// 			title: shareInfo.title || "",
			// 			thumbs: [shareInfo.imgUrl || ""],
			// 			href: shareInfo.href || "",
			// 			content: shareInfo.desc || "",
			// 		})
			// 	}
			// },
			heighthtml(cont) {
				if (this.searchkeyword == '') {
					return cont;
				} else if (cont != undefined && cont != '') {
					var reg = /\\|\/|\?|\@|\#|\￥|\&||\%|\？|\*|\"|\“|\”|\'|\‘|\’|\<|\>|\{|\}|\[|\]|\【|\】|\：|\:|\、|\^|\$|\!|\~|\`/g;
					var key = this.searchkeyword.replace(reg, '').replace(/\，|\.|\s|\+/g, ',');
					var keyarr = key.split(',');
					for (var i = 0; i < keyarr.length; i++) {
						// 如果关键词是数字或者英文，则不标红，否则会出现乱码
						if(commonjs.enOrNum(keyarr[i])) break;
						if (keyarr[i] != '') {
							var reg = new RegExp((`(${keyarr[i]})`), "gm");
							var color = this.color;
							var weight = this.weight ? 'bold' : 'normal';
							var replace = '<span style="color:' + color + ';font-weight: ' + weight + ';">$1</span>';
							cont = cont.replace(reg, replace)
						}
					}
				}
				return cont;
			},
			maodian(classname, count) {
				if (count > 0) {
					var headheight = 0;
					if (!this.isFixed) {
						uni.createSelectorQuery().select('.deatail-head').boundingClientRect((res) => { //最外层盒子节点类或者 id
							headheight = res.height;
						}).exec();
					}
					uni.createSelectorQuery().select(classname).boundingClientRect(data => { //目标位置节点 类或者 id 
						uni.createSelectorQuery().select('.detatil-content').boundingClientRect((res) => { //最外层盒子节点类或者 id
							uni.pageScrollTo({
								duration: 100, //过渡时间
								scrollTop: data.top - res.top - this.myScroll - headheight, //到达距离顶部的top值
							})
						}).exec()
					}).exec();
				}
			},
			//删除左右两端的空格
			trim(str) {
				if (str != '' && str != undefined) {
					return str.replace(/(^\s*)|(\s*$)/g, "");
				}
				return '';
			},
			isempty(str) {
				if (this.trim(str) == '')
					return true;
				else
					return false;
			},
			sub(str) {
				str = this.trim(str);
				if (str.length > 1)
					str = str.substr(0, 1)
				return str;
			},
			// 新增复制标题
			copyText(value){
				uni.setClipboardData({
					data:value,
					success() {
						uni.showToast({
							title:'已复制到剪贴板',
							icon:'none',
							position:'top'
						})
					}
				})
			},
			// 招标进展点击展开
			zhaobiaojinzhanClick(type){
				if (!this.isLogin) {
					uni.navigateTo({
						url: '../user/login/login1'
					})
					return false;
				} else{
					this.moreOpenZhaocai = !this.moreOpenZhaocai
					if(type=='zhankai'){
						this.newZhaocaiList=this.zhaocai
					}else{
						this.newZhaocaiList=this.zhaocai.slice(0,2)
					}
				}
				
			},
			//跳转详情
			toDetail(item){
				if (!this.isLogin) {
					uni.navigateTo({
						url: '../user/login/login1'
					})
					return false;
				} else{
					if(this.isAllowed){
						let uri = encodeURIComponent(JSON.stringify(item));
						uni.navigateTo({
							url: '/pages/zhaobiao/detail?data=' + encodeURIComponent(uri)
						})
					}else{
						this.kaitong()
					}
				}
			},
			
			//打电话
			makePhone(tel){
				uni.makePhoneCall({
					phoneNumber: tel 
				});
			},
			//纠错
			jiucuoClick() {
				if (!this.isLogin) {
					uni.navigateTo({
						url: '../user/login/login1'
					})
					return false;
				} else if (this.detailData.newsid > 0) {
					this.showJiucuo=true
				}
			},
			//顶部搜索
			toSearch(){
				uni.navigateTo({
					url: '/pages/search/searchList'
				})
			},
			//分享
			fenxiangClick(){
				if (!this.isLogin) {
					this.doLogin()
				} else {
					this.showShare=true
				}
			},
			
			//跳转到企情页--使用moSentiment企情权限是否能进入到企情
			toQiqing(){
				if (this.baseConfig.isIOSshenhe) {
					return
				}
				if (!this.isLogin) {
					uni.navigateTo({
						url: '../user/login/login1'
					})
				} else if(this.isAllowed){
					uni.navigateTo({
						url: '/pages/qiqing/index?yzquickjiami='+ this.yzquickjiami +'&type=2&companyName=' + this.detailFullData.yezhu +'&comcode=' + this.yzcomcode + '&vcode=' + this.yzvcode+ '&fromXinxi=1'
					})
				}else{
					this.kaitong()
				}
			},
		}
	}
</script>

<style lang="scss" scoped>
	@import "@/static/css/index.scss";
	page {
		background-color: #fff;
		font-size: 14px;
		height: 100%;
	}

	.status-bar {
		height: 50rpx;
		background-color:#1B18F7;
	}

	.text-ellipsis {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.uni-navbar__content_view {
		width: 36%;
	}

	.youxiang {
		padding: 0 10px;
		height: 50rpx;
		border: 1px solid #2e68e1;
		border-radius: 50rpx;
		text-align: center;
		line-height: 50rpx;
		color: #2e68e1;
		background-color: #fff;
		margin-left: 20rpx;
		font-size: 28rpx;
		display: flex;
		align-items: center;
		line-height: 50rpx;

		.youx-img {
			width: 35rpx;
			height: 27rpx;
			margin-right: 5px;
		}
	}


	.detatil-content {
		// width: 92%;
		padding: 210rpx 20rpx 160rpx;
		background: #FAFAFA;
		.detail-top{
			margin-top: 20rpx;
			padding: 20rpx 20rpx 28rpx;
			background: #fff;
			border-radius: 8px;
		}
		.detail-title {
			font-size: 36rpx;
			color: #333;
			font-weight: bold;
			line-height: 44rpx;
			letter-spacing: 1rpx;
		}

		.detail-type {
			display: flex;
			padding-top: 18rpx;
		}

		.detail-type-list {
			color: #adadad;
			font-size: 32rpx;
			display: flex;
			flex: 1;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			// border-right: 1px solid #ebebeb;
			font-size: 24rpx;
			color: #666;
			position: relative;
			view{
				line-height: 45rpx;
				font-size: 36rpx;
				color: #969B9F;
				font-weight: bold;
				margin-bottom: 16rpx;
			}
			image {
				width: 45rpx;
				height: 45rpx;
				margin-bottom: 16rpx;
			}
			text{
				white-space: nowrap;
			}
			.gcxx-tag {
				background-color: #ee1a19;
				border: 3rpx solid #FFFFFF;
				color: #fff;
				padding: 0rpx 10rpx;
				border-radius: 100%;
				position: absolute;
				top: -15rpx;
				right: 30rpx;
			}

			.huanping {
				color: #2f69e0;
			}
		}

		.detail-type-list:last-child {
			border-right: 0;
		}

		.company-detail {
			margin-top: 18rpx;
			.jibenxinxi{
				padding: 16rpx 20rpx;
				background: #fff;
				border-radius: 8px;
			}
			.title-line {
				height: 35rpx;
				width: 8rpx;
				border-radius: 5rpx;
				background-color: #2f69e0;
				margin-right: 15rpx;
			}

			.company-section {
				font-size: 32rpx;
				color: #333;
				margin-bottom:22rpx;
				font-weight: bold;
				display: flex;
				align-items: center;
			}

			.company-cell {
				display: flex;
				padding: 12rpx 12rpx 12rpx 14rpx;
				margin-bottom: 16rpx;
				border-radius: 4rpx;
				border: 1rpx solid #E9E9EB;
				.company-tag {
					width: 86rpx;
					height: 86rpx;
					border-radius: 4rpx;
					background-color: #E7F0FF;
					color: #2F7FFF;
					font-size: 28rpx;
					text-align: center;
					line-height: 86rpx;
					margin-right: 20rpx;
				}

				.company-tag-zb {
					background-color: #ef1a18;
				}

				.company-text {
					width: 68%;
					.company-name {
						// line-height: 86rpx;
						color: #424242;
						font-size: 30rpx;
					}

					.company-wz {
						color: #b7b7b7;
						font-size: 28rpx;
					}
					.tag-box{
						display: flex;
						margin-top: 10rpx;	
						::v-deep .u-tag{
							height: 32rpx;
							line-height: 32rpx;
							margin-right: 12rpx !important;
						}
						::v-deep .u-tag__text{
							font-size: 22rpx;
						}
					}
				}

				.company-gz {
					width: 100rpx;
					height:52rpx;
					border-radius: 4rpx;
					background-color: #2F6DFE;
					color: #fff;
					font-size:24rpx;
					text-align: center;
					line-height: 52rpx;
					// margin-left: 40rpx;
					margin-top: 15rpx;
					
				}
				.yiguanzhu{
					background-color: #D1D1D1;	
				}

				.company-gz-red {
					background-color: #ef1a18;
				}
			}
		}
		.company-bottom{
			padding: 16rpx 22rpx;
			margin-top: 20rpx;
			background: #fff;
			border-radius: 8rpx;
		}
		.zhengwen {
			position: relative;
			z-index: 1;

			.zhengwen-text {
				color: #2e2e2e;
				font-size: 32rpx;
				line-height: 50rpx;
			}

			.zhengwen-text-more {
				overflow: hidden;
				height: 150px;
			}

			.zhengwen-more {
				text-align: center;
				color: #5481e7;
				background-color: #fff;
				margin-top: 10px;
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;

				.zhengwen_mask {
					position: absolute;
					left: 0;
					right: 0;
					top: -78px;
					height: 78px;
					background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);

				}

				.more-btn {
					text-align: center;
					font-size: 30rpx;

					image {
						width: 32rpx;
						height: 32rpx;
						vertical-align: text-bottom;
						margin-right: 5px;
					}
				}

			}
		}
	}

	.zhengwenMore {
		height: 540rpx;
		overflow: hidden;
	}
	.quanxianTips {
		height: 160rpx;
		font-size: 32rpx;
		display: flex;
		flex-direction: column;
		align-items: center;

		.tipLogin {
			padding: 20rpx 0;
			font-size: 32rpx;
			color: #5481e7;
		}
	}
	.shenpijieduan{
		margin-top: 20rpx;
		.spjd-item-text{
			margin-top: 7px;
			    font-size: 14px;
			    color: #404040;
			    overflow: hidden;
			    text-overflow: ellipsis;
			    display: -webkit-box;
			    -webkit-box-orient: vertical;
			    -webkit-line-clamp: 2;
			    margin-bottom: 15px;
		}
		.spjd-item-time{
			color: #a3a3a3 !important;
		}
		
	}
	.zbjz-time{
		display: flex;
		align-items: center;
		margin-top: -8rpx;
		.tag{
			width: 120rpx;
			height: 40rpx;
			line-height: 40rpx;
			margin-left: 16rpx;
			// margin-top: -8rpx;
			font-size:24rpx;
			color: #fff;
			text-align: center;
			// background: #9B79F6;
			border-radius: 6rpx;
			padding: 0;
		}
	}
	.zhankaiquanbu,.zhedieshouqi{
		display: flex;
		align-items: center;
		margin:0rpx 0 26rpx 50rpx;
		font-size: 24rpx;
		color: #393A3E;
		font-weight: bold;
		image{
			width: 28rpx;
			height: 28rpx;
			margin-left: 10rpx;
		}
	}
	.zhedieshouqi{
		margin-top: 0;
	}
	.spjd-content {
		margin-top: 28rpx;
		.spjd-title {
			font-size: 32rpx;
			margin-bottom: 30rpx;
		}

		.spjd-xinxi {
			display: flex;
			flex-direction: row;


			.spjd-step {
				width: 30rpx;
				border-left: 1px solid #ebebeb;
				position: relative;
				margin-left: 10rpx;

				.step-tag {
					width: 20rpx;
					height: 20rpx;
					border-radius: 20rpx;
					background-color: #ddd;
					// border:3rpx solid red;
					border:3rpx solid #f2f2f2;
					position: absolute;
					top: 0rpx;
					left: -13rpx;
					&.active{
						background: #2F6DFE;
					}
				}

				// .step-line {
				// 	width: 1px;
				// 	background-color: #ebebeb;
				// 	height: 180rpx;
				// }
			}

			.spjd-item {
				display: flex;
				flex-direction: column;
				flex: 1;

				.spjd-item-time {
					line-height: 26rpx;
					font-size: 28rpx;
					color: #3B3E45;
				}

				

				.spjd-item-text_show {
					display: inline;
				}

			}
		}
	}
	.zhaocaixinxi{
		margin-top: 20rpx;
		.company-section{
			margin-top: 28rpx;
		}
		.spjd-item-text {
			margin-top:20rpx;
			view{
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
			}
		}
	}
	.zbjz{
		.spjd-item-text {
			margin-top:20rpx;
			padding: 30rpx 26rpx;
			background: #f2f4f7;
			font-size: 28rpx;
			color: #3B3E45;
			border-radius: 8rpx;
			margin-bottom: 30rpx;
			view{
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
			}
		}
		
	}
	.footer {
		position: fixed;
		bottom: 0px;
		z-index: 99;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-color: #fff;
		padding: 15rpx 5%;
		width: 90%;
		left: 0;

		.footer-input {
			padding: 20rpx 0rpx;
			background-color: #f6f6f6;
			border-radius: 20px;

			input {
				padding-left: 20rpx;
				font-size: 28rpx;
			}
		}

		.footer-right {
			display: flex;
			flex: 1;
		}

		.footer-icon {
			display: flex;
			align-items: center;
			justify-content: center;
			flex: 1;

			image {
				width: 48rpx;
				height: 46rpx;
			}
		}

		.footer-collage {
			background: url(../../static/img/Details/detail_21.png) no-repeat;
			background-size: 100% 100%;
			width: 48rpx;
			height: 46rpx;
		}

		.footer-collaged {
			background: url(../../static/img/Details/collaged.png) no-repeat;
			background-size: 100% 100%;
			width: 48rpx;
			height: 46rpx;
		}
	}

	.deatail-head {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		// line-height: 50rpx;
		padding: 40rpx 30rpx 20rpx;
		// padding: 32rpx 30rpx;
		// margin: 0 30rpx 0;
		// padding-top: 50rpx;
		// padding-bottom: 30rpx;
		background-color: #1B18F7;

		.detail-head-right {
			display: flex;
			flex-direction: row;
		}
		text{
			font-size: 36rpx;
			color: #fff;
			font-weight: bold;
		}
	}

	.head-fixed {
		position: fixed;
		top: 0;
		width: 100%;
		background-color: #FFFFFF;
		z-index: 10;
	}

	.company-jbxx {
		border: 1px solid #e5e5e5;
		border-bottom: 0;
		font-size: 28rpx;
		.jbxx-cell {
			border-bottom: 1px solid #e5e5e5;
			display: flex;

			.jbxx-cell-title {
				width: 30%;
				padding: 16rpx 20rpx;
				align-items: center;
				display: flex;
				justify-content: center;
				background-color: #eeeeee;
				border-right: 1px solid #e5e5e5;
			}

			.jbxx-cell-content {
				width: 58%;
				display: flex;
				padding: 10rpx 20rpx;
				align-items: center;
				justify-content: center;

				.jbxx-gclb-title {
					width: 70%;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					text-align: center;
				}

				.titleOpen {
					white-space: normal;
				}
			}

			.jbxx-cell-content2 {
				flex-direction: column;
			}
		}
	}

	.blueColor {
		color: #2f69e0;
	}
	.xmlxr{
		.spjd-title{
			font-size: 28rpx;
		}
	}
	.lxr-list {
		margin-top: 20rpx;

		.lxr-list-item {
			display: flex;
			flex-direction: row;
			margin-bottom: 20rpx;

			.lxr-item-left {
				width: 10%;
				height: 68rpx;
				border-radius: 68rpx;
				background-color: #2f69e0;
				color: #fff;
				text-align: center;
				line-height: 68rpx;
				font-size: 24rpx;
			}

			.lxr-item-right {
				width: 85%;
				display: flex;
				flex-direction: column;
				margin-left: 20rpx;
				font-size: 28rpx;
				.lxr-item-text {
					line-height: 2;
					image{
						width: 32rpx;
					}
					.lxr-qx {
						color: #f03534;
						margin-left: 20rpx;
					}
				}
				
			}
		}

	}

	.zhankai {
		display: none;
	}

	.shouqi {
		display: none;
	}

	.detail-typeFixed {
		position: fixed;
		width: 95%;
		top: 78px;
		left: 0;
		z-index: 99;
		background-color: #fff;
		padding-bottom: 10px;
		margin:0 20rpx;
		border-radius: 8rpx;
		// .detail-type-list{
		// 	view{
		// 		color:#FF822F;
		// 	}
		// }
	}
	.orangeTxt{
		color:#FF822F !important;
	}
	.level-huiyuan {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		.level-content {
			width: 90%;
			background-color: #fff;
			border-radius: 20rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;

			.huiyuan-img1 {
				width: 295rpx;
				height: 218rpx;
				margin-bottom: 20rpx;
			}

			.level-top {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;

				.level-logo {
					width: 284rpx;
					height: 216rpx;
				}
			}

			.level-text {
				font-size: 30rpx;
				margin: 20rpx 0;
			}

			.level-text2 {
				font-size: 28rpx;
				color: #b7b6b6;
			}

			.level-jine {
				color: #ff4100;
				font-size: 40rpx;
				margin: 20rpx 0;
				font-weight: 700;
			}

			.level-shengji {
				height: 85rpx;
				background-image: linear-gradient(to bottom, #fdeb73, #febc2b);
				font-size: 34rpx;
				color: #b14f08;
				border-radius: 85rpx;
				line-height: 85rpx;
				width: 80%;
				text-align: center;
			}

			.level-shengji-other {
				background-color: #fff;
				background-image: none;
				border: 1rpx solid #fde264;
				margin: 20rpx 0;
			}

			.level-tel {
				font-size: 28rpx;
				color: #a1a1a1;
				margin-bottom: 20rpx;
			}
		}
	}

	.huiyuan_close {
		margin: 20rpx auto;

		.close-img {
			width: 71rpx;
			height: 65rpx;
			margin: 0 auto;
			display: block;
		}
	}

	.level-tequan {
		margin: 20rpx 0;
	}

	.level-gaoji {
		width: 82%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-left: 10%;

		.level-gaoji-content {
			width: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			background-color: #ff7442;
			border-radius: 20rpx;

			.level-gaoji-top {
				display: flex;
				flex-direction: column;

				.gaoji-img {
					height: 213rpx;
					width: 613rpx;
				}
			}

			.level-gaoji-youshi {
				width: 613rpx;
				background: url(../../static/img/Details/gaojihuiyuan_05.png) no-repeat center;
				background-size: 100% 100%;
				height: 412rpx;
				display: flex;
				flex-direction: column;
				box-sizing: border-box;
				align-items: center;
				justify-content: center;

				.hytq_list {
					display: flex;
					flex-direction: row;
					justify-content: center;
					align-items: center;
					font-size: 28rpx;
					margin: 13rpx 0;
					width: 66%;

					.list-ok {
						width: 40rpx;
						height: 30rpx;
						margin-right: 20rpx;
					}

					.hytq_list-title {
						display: flex;
						width: 90%;
					}
				}
			}

			.huiyuan-pop2_bottom {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				padding-top: 20rpx;

				.bottom_tips {
					font-size: 24rpx;
					color: #fff;
				}

				.bottom_btn {
					width: 80%;
					height: 80rpx;
					line-height: 80rpx;
					border-radius: 50rpx;
					background-image: linear-gradient(to bottom, #fded76, #febd2c);
					color: #b14f08;
					text-align: center;
					font-size: 34rpx;
					margin: 20rpx 0 30rpx;
				}
			}
		}
	}

	.share {
		margin-left: 20rpx;
		height: 35rpx;
		width: 35rpx;

		.share-img {
			width: 35rpx;
			height: 35rpx;
		}
	}
	.d-f-b{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.footer-box{
		width: 100%;
		padding: 25rpx 0;
		display: flex;
		justify-content: space-around;
		align-items: center;
		background: #fff;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 9;
		image{
			width: 36rpx;
			height: 36rpx;
		}
		.footer-item{
			text-align: center;
			view{
				margin-top:4rpx;
				font-size: 24rpx;
				color: #666666;
				
			}
		} 
	}
	.jiucuoInfo {
		border-radius: 20rpx 20rpx 0rpx 0rpx;
		background-color: #fff;
		padding: 40rpx 0 0 0;
		
		.active {
			color: #0643ff !important;
			background: rgba(47, 109, 254, 0.06) !important;
		}
	
		.jiucuo-title {
			font-size: 28rpx;
			color: #3B3E45;
			font-weight: bold;
			margin-left: 30rpx;
		}
	
		.jiucuo-menu {
			margin-left: 30rpx;
			display: flex;
			flex-wrap: wrap;
			view {
				width: 220rpx;
				height: 58rpx;
				line-height: 58rpx;
				background-color: #f6f8fa;
				text-align: center;
				margin-right: 20rpx;
				margin-top: 20rpx;
				color: #3B3E45;
				font-size: 24rpx;
			}
		}
	
		.import-content {
			margin-left: 30rpx;
			margin-top: 37rpx;
	
			textarea {
				padding: 40rpx  24rpx ; 
				font-size: 28rpx;
				height: 200rpx;
			}
		}
	
		.footerBtn {
			display: flex;
			justify-content: space-between;
			border-top: 1px solid #eeeeee;
			padding: 20rpx 28rpx;
	
			.cancelBtn {
				height: 98rpx;
	
				::v-deep.u-button--info {
					color: #323233;
					background-color: #fff;
					border-color: #fff;
					border-width: 1px;
					border-style: solid;
					border-radius: 10rpx;
					height: 98rpx;
	
					text {
						color: #6c717e;
						font-size: 32rpx;
					}
				}
			}
	
			.quedingBtn {
				width: 562rpx;
	
				::v-deep.u-button--info {
					color: #323233;
					border-color: #ebedf0;
					border-width: 1px;
					border-style: solid;
					background: linear-gradient(90deg, #1f91ff 0%, #1d11fb 100%);
					border-radius: 10rpx;
					height: 98rpx;
	
					text {
						color: #fff;
						font-size: 32rpx;
					}
				}
			}
		}
	}
</style>
